import React from 'react'
import ReactDOM from 'react-dom'

// 组件创建的几种方式   组件首字母必须大写
// 1
function Hello(props) {
	// 必须返回一个合法的jsx虚拟dom元素
	return <div>这是建立的第一个组件{props.name}</div>
}
// props不能被重新赋值  是只读
const obj = {
	name: 'aa',
	gender: 'bb',
	age: '11',
}
// // 单个赋值
// ReactDOM.render(<Hello name={obj.name}></Hello>, document.getElementById('app'))

// 解构赋值还可以直接让对象接收   ...展开运算符
const testobj = {
	test: '1',
	...obj,
}
console.log(testobj)

// 解构赋值 es6中語法
ReactDOM.render(<Hello {...obj}></Hello>, document.getElementById('app'))
